<script setup>
    import { useRoute } from "vue-router"
    import { onMounted } from "vue"
    const route = useRoute()
    const query = route.query
    onMounted(() => {
        // console.log("about-query", query)
    })
</script>

<template>
    <div class="about">
        <h1>This is an about page</h1>
        <h2>lijial</h2>
    </div>
</template>

<style>
    @media (min-width: 1024px) {
        .about {
            min-height: 100vh;
            display: flex;
            align-items: center;
        }
    }
</style>
